import { autorun, makeAutoObservable } from "mobx";

class CollapseStore{
  // 1.声明存储数据
  collapse = JSON.parse(localStorage.getItem("collapse")) || false
  // 2.设置响应式
  constructor(){
    makeAutoObservable(this)
  }
  // 3.设置修改方法
  change(){
    this.collapse = !this.collapse
  }
}

const collapseStore = new CollapseStore()

//用于数据持久化，代替useEffect完成数据持久化
autorun(()=>{
  localStorage.setItem("collapse",collapseStore.collapse)
})

export default collapseStore